@import '../../../style/mixin.scss';

.component-comment-list {
    padding-top: 10px;
    .summary {
        color: #999;
        padding-bottom: 10px;
    }
    .dialogue {
        .item-sub,
        .item-to {
            padding-left: 40px;
            .user-icon {
                width: 20px !important;
                height: 20px !important;
            }
            .to {
                color: #333;
            }
        }
        .dialog-item {
            @include flex-row();
            .user-icon {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                border: 1px solid #999;
                margin-right: 10px;
            }
            .comment-content {
                .name {
                    color: #999;
                    font-size: 14px;
                }
                .comment {
                    color: #666;
                    font-size: 14px;
                }
                .time {
                    color: #999;
                    font-size: 12px;
                }
                .btns {
                    font-size: 12px;
                    color: #666;
                    @include flex-row();
                    .icon {
                        margin-right: 10px;
                        span {
                            margin-left: 5px;
                        }
                    }
                }
            }
        }
        .more {
            padding: 10px 0 10px 70px;
            color: #335de8;
            cursor: pointer;
        }
    }

    .end {
        text-align: center;
        color: #666;
    }
}
